<template>
  <a-form :form="form" @submit.prevent="handleSearch" layout="inline">
    <a-row :gutter="16">
      <a-col :span="10">
        <a-form-item label="姓名">
          <a-input
            v-decorator="[
              'username',
            ]"
            placeholder="姓名"
          />
        </a-form-item>
      </a-col>

      <a-col :span="10">
        <a-form-item>
          <a-button
            type="primary"
            html-type="submit"
            @click.prevent="handleSearch"
          >
            Search
          </a-button>

          <a-button :style="{ marginLeft: '8px' }" @click.prevent="handleReset">
            Clear
          </a-button>
        </a-form-item>
      </a-col>
    </a-row>
  </a-form>
</template>

<script>
import form from '@/utils/mixins/search/form'

export default {
  mixins: [form],
}
</script>
